<#include "/common/common.ftl" encoding="UTF-8">
<link href="${staticUrl}/css/base.css" rel="stylesheet" type="text/css">
<link href="${staticUrl}/css/tabs/TabPanel.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript"  language="javascript1.2" src="${staticUrl}/js/base.js"></script>
<script type="text/javascript"  language="javascript1.2" src="${staticUrl}/js/index.js"></script>
<script type="text/javascript" src="${staticUrl}/js/tabs/TabPanel.js"></script>
<script type="text/javascript" src="${staticUrl}/js/tabs/Fader.js"></script>
<script type="text/javascript" src="${staticUrl}/js/tabs/Math.uuid.js"></script>
<link href="${staticUrl}/css/xtree.css" rel="stylesheet" type="text/css">
<script type="text/javascript"  language="javascript1.2" src="${staticUrl}/js/xtree.js"></script>
<#--	使用了base之后，点击树的根，将不能执行其中的javascript方法，报缺少对象错误	-->
<style type="text/css">
<!--
#Layer_top {
	position:absolute;
	width:100%;
	z-index:1;
	padding-top:77px;

}
	.menu{
		float:left;
		cursor:	hand;
		height:27px;
		width:68px;
		display:block;
		font-size: 12px;
		letter-spacing:0.2em;
		font-weight:bold;
		text-align:center;
		color: #015b9d;
		line-height:27px;
		/*padding-bottom:	5px;
		padding-top:  10px;
		padding-left: 10px;*/
		float:left;
		z-index:30;
	}
-->
</style>
</head>

<body   scroll="no" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
<#--	头部的图片及菜单	-->
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
	<tr nowrap id="frmTop" name="frmTop" style="height:100px;">
		<td width="100%">
			<#-- 顶部  start -->
<div id="Layer_top">
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
		<tr background="${staticUrl}/img/security/left2.gif">
			<td width="15%" id="time" background="${staticUrl}/img/security/left2.gif" style="font-size:12px;"></td>
			<script type="text/javascript">
			window.onload=function(){showTime();}
			</script>
			<#--	首页按钮	-->
			<td width="40" background="${staticUrl}/img/security/left2.gif">
				<div align="center" onclick="clickMenu('${request.contextPath}/security/task!searchByUser.action','任务')" class="menu" onmouseover="this.style.background='url(${request.contextPath}/img/security/left3.gif) no-repeat left top'; this.style.color='#fff';" onmouseout="this.style.background='transparent'; this.style.color='#015b9d';">
				&nbsp;任&nbsp;务</div>
			</td>

	  		<#--	本td用于显示主菜单	-->
			<td width="60%" background="${staticUrl}/img/security/left2.gif"><div id="menu">
					<div class='menu' target='mainBody' onclick="clickMenu('${request.contextPath}/security/question!list.action?questionStatus=0','新问题');" onmouseover="this.style.background='url(${request.contextPath}/img/security/left3.gif) no-repeat 0 0'; this.style.color='#fff';" onmouseout="this.style.color='#015b9d'; this.style.background='transparent'">
					新问题
					</div>			
			</div></td>

			  
			<td width="5%" style="background:url(${staticUrl}/img/security/left2.gif) repeat-x left top;"><!-- <img src="${staticUrl}/img/security/left2.gif"> --></td>
			<td width="10%" valign="top"  class="black12" style="padding-top:6px;" background="${staticUrl}/img/security/left2.gif">
			&nbsp;<span class="red12">${(currentUserName)?if_exists}&nbsp;<a href="${request.contextPath}/j_spring_security_logout">&nbsp;注销&nbsp;</a></span>
			</td>
		</tr>
  	</table>
</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr background="${staticUrl}/img/index/top.jpg" style="height:100px;">
		<td width="340" background="${staticUrl}/img/index/top.jpg"><img src="${staticUrl}/img/security/nuist_08.jpg" style="height:100px;"></td>
	</tr>   
</table>
			
			<#-- 顶部  end -->
		</td>
	</tr>
	<tr>
		<td>
			<#--	下部的内容，包括左边菜单、右边数据，即调用index_model_main.ftl	-->
			<table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">
			   	<tr>
			   		<#--	用于收缩界面	-->
					<td width="100%" height="8" colspan="3" align="left" background="${staticUrl}/img/security/kj.gif" onClick="showHideDiv('frmTop')" style="padding-left:590px;" align="center" valign="center">
						<a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image28','','${staticUrl}/img/security/kj_b.gif',1)" class="hand"><img src="${staticUrl}/img/security/kj-02.gif" name="Image28" height="8" width="62" border="0"></a></td>
			  	</tr>
			   	<tr>
			    	<td width="156" valign="top" id="frmMenu" name="frmMenu">
<div class="funTreeMenu">
	<script language="javascript1.2">
		var atree;
		var src = "menu-resource!getMenuTreeXml.action?id=${(resource.id)?if_exists}"
		<#--	菜单配置信息中指定了树的xml数据源，直接用此数据源生成菜单	-->
		atree = new WebFXLoadTree("主菜单",src,false,false,"javascript:reloadXtree();");	
		document.write(atree);
	</script>   
</div>			    	
			    	</td>   
			    		<#--	用于收缩界面	-->
			    	<td valign="top" 
			    			background="${staticUrl}/img/security/kj-03.gif" 
			    			style="padding-top:180px;" 
			    			onClick="showHideDiv('frmMenu')">
			    				<a  class="hand">
			    					<img src="${staticUrl}/img/security/kj-04.gif" 
			    						name="Image29" width="8" height="61" border="0">
			    				</a></td>
			    	<td width="100%" height='500px' valign="top" id='tabs'>
<script type="text/javascript">
	tabpanel = new TabPanel({
	    //若要自动改变大小,必须将选项卡组件渲染到body上面
		//width:700, //如果设置了宽度,就不会自动改变宽度
		//height:100%,
		//border:'none',
		renderTo:$('#tabs'),
		active : 0,
		items : [{
			id:'toolbarPlugin',
			title:'首页',
			html:'<iframe src="" width="100%" height="100%" frameborder="0"></iframe>',
			closable: true
		}]
	});
</script>
					</td>
			   	</tr>
			</table>
		</td>
	</tr>
</table>
</body>
</html>
